<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8"/>

    <title>登录</title>

    <link rel="icon" type="image/x-icon" href="images/favicon.ico"/>

    <!--css-->
    <link rel="stylesheet" type="text/css" href="css/login/login.css"/>


    <!--js-->
    <!--<script type="text/javascript" src="js/common/jquery-3.2.1.min.js"></script>-->
    <script type="text/javascript" src="webjars/jquery/3.2.1/jquery.min.js"></script>

    <script type="text/javascript" src="js/common/util.js"></script>

    <script type="text/javascript" src="js/login/login.js"></script>

</head>

<body>

<p class="tip">Beautiful Login</p>

<div class="cont">

    <div class="form sign-in">

        <h2>Welcome back</h2>

        <label>

            <span>Email</span>

            <input type="email" id="login_eamil" />

        </label>

        <label>

            <span>Password</span>

            <input type="password" id="login_password" />

        </label>

        <p class="forgot-pass">Forgot password?</p>

        <button type="button" onclick="login()" class="submit">Sign In</button>

        <button type="button" class="fb-btn">Connect with <span>facebook</span></button>

    </div>

    <div class="sub-cont">

        <div class="img">

            <div class="img__text m--up">

                <h2>New here?</h2>

                <p>Sign up and discover great amount of new opportunities!</p>

            </div>

            <div class="img__text m--in">

                <h2>One of us?</h2>

                <p>If you already has an account, just sign in. We've missed you!</p>

            </div>

            <div class="img__btn">

                <span class="m--up">Sign Up</span>

                <span class="m--in">Sign In</span>

            </div>

        </div>

        <div class="form sign-up">

            <h2>Time to feel like home,</h2>

            <label>

                <span>Name</span>

                <input type="text" />

            </label>

            <label>

                <span>Email</span>

                <input type="email" />

            </label>

            <label>

                <span>Password</span>

                <input type="password" />

            </label>

            <button type="button" class="submit">Sign Up</button>

            <button type="button" class="fb-btn">Join with <span>facebook</span></button>

        </div>

    </div>

</div>

</body>

</html>